<%@page import="java.text.SimpleDateFormat"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mantenimiento de Usuarios</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" type="text/css" href="js/plugins/facebox/facebox.css" />
<!--[if lt IE 8]>
<link href="style_IE.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/clock.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/plugins/facebox/facebox.js"></script>


<script type="text/javascript" >
    /********************************************************************************/
     function fVerUsuarios(idPerfil){
       var title = 'Usuarios x Perfil';
      
       window.OpenMultiPopup('adm_usuarios_x_perfil.htm?idperfil='+idPerfil,title, 630, 300, null,null,null,"keyUsuarioPerfil" + idPerfil, "", null,false,false,true,false);
    }
          </script>
</head>
<body>
<%@ include file="common/taglibs.jsp"%>
<div class="container">
  <!-- HEADER -->
  <div class="header">
      <%@ include file="common/adm_header.jsp"%>
  </div>

  <!-- CONTENT -->
  <div class="content">

    <div class="content_res">
      <div class="leftblock vertsortable" style="width:1010px;">

        <!-- gadget left 1 -->
        <div class="gadget">
          <div class="gadgetblock" style="height:15px;text-align:center;">
            <H1>Mantenimiento de Perfiles</H1>
          </div>
        </div>

        <!-- gadget left 2 -->
        <div class="gadget">
          <div class="titlebar">
            <h3>Listado de Perfiles</h3>
          </div>
          <div class="gadgetblock">
            <form action="" method="post" id="form_tabexample" class="form_example">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="gwlines arborder">
                <tr>                  
                  <th style="text-align:center" width="500" class="rborder">Nombre de Perfil</th>
                  <th class="calign" width="100" style="text-align:center">Usuarios</th>
                </tr>

                    <c:forEach var="perfil" items="${perfiles}">
                    <tr>                      
                      <td class="rborder"><c:out value="${perfil.descrip}"/>&nbsp;</td>                      
                      <td style="text-align:center"><a  style="color:blue" href="javascript:fVerUsuarios('<c:out value="${perfil.idperfil}"/>')">[Ver Usuarios]</a></td>
                    </tr>
                    </c:forEach>               
               </table>


              <p style="display:none"><select id="dropdown" name="dropdown" class="cntresults">
                <option selected="selected" value="10">10 results</option>
                <option value="20">20 results</option>
                <option value="30">30 results</option>
                <option value="50">50 results</option>
                <option value="100">100 results</option>
              </select>
              <a href="#" class="pnbtn">&laquo;</a> <input id="page" name="page" class="text mini" value="1 / 5" /> <a href="#" class="pnbtn">&raquo;</a></p>
            </form>
            <p>0 Usuarios Registrados</p>
          </div>
        </div>



      </div>
      <div class="rightblock vertsortable">

        <!-- gadget right 1 -->
        <div class="gadget" style="display:none">
          <div class="titlebar vertsortable_head">
            <a href="#" class="hidegadget" rel="hide_block"><img src="images/spacer.gif" alt="picture" width="19" height="33" /></a>
            <h3>Date &amp; Time</h3>
          </div>
          <div class="gadgetblock">
            <div class="whiteblock">
              <p class="timeclock"><img src="images/icon_clock.gif" alt="picture" width="26" height="26" /> <span id="tm">11:57</span></p>
              <p class="light nobottom p_center">20th June, 2009, Friday</p>
            </div>
            <!-- Datepicker -->
            <h3><img src="images/icon_calendar.gif" alt="picture" width="21" height="21" class="calendar" />Calendar</h3>
            <div id="datepicker"></div>
            <div class="clr"></div>
            <p class="bot8px"><a href="#" class="colourbutton button_orange"><span><span>+  Add Event</span></span></a>&nbsp;<a href="#" class="colourbutton button_blue"><span><span>List Events</span></span></a></p>
          </div>
        </div>

        <!-- gadget right 2 -->
        <div class="gadget" style="display:none">
          <div class="titlebar vertsortable_head">
            <a href="#" class="hidegadget" rel="hide_block"></a>
            <h3>Opciones</h3>
          </div>
          <div class="gadgetblock">
            <ul class="grayarrow withlines">
              <li class="first"><a href="">Nuevo Usuario</a></li>
              <li><a href="#">Cambiar Perfil seleccionado(s)</a></li>
              <li class="last"><a  href="<c:url value="/adm_usuarios.htm"/>">Actualizar Lista</a></li>
            </ul>
          </div>
        </div>

      </div>
      <div class="clr"></div>
    </div>

  </div>

  <!-- FOOTER -->
  <div class="footer">
     <%@ include file="common/adm_footer.jsp"%>
  </div>

</div>




   <!-- DIALOGS -->
            <div id="dialogboxes">
                <!-- dialog 2 -->
                <div id="dialogUsuariosPerfil" class="window" style="width:500px">
                    <div class="gadget">
                        <div class="titlebar">
                            <a href="#" class="close closegadget"><img src="images/spacer.gif" alt="picture" width="19" height="33" /></a>
                            <h3>Usuarios del Perfil : </h3>
                        </div>
                        <div class="gadgetblock" style="height:400px;">
                            <p>Listado de Usuarios</p>

                              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="gwlines arborder">
                                    <tr>
                                      <th style="text-align:center" width="50" class="rborder">Usuario</th>
                                      <th class="calign" width="200" style="text-align:center">Nombres</th>
                                    </tr>

                                        <c:forEach var="perfil" items="${test}">
                                        <tr>
                                          <td class="rborder"><c:out value="${perfil.descrip}"/>&nbsp;</td>
                                          <td style="text-align:center"><a name="modal" style="color:blue" href="#dialogUsuariosPerfil">[Ver Usuarios]</a></td>
                                        </tr>
                                        </c:forEach>
                                   </table>


                        </div>
                    </div>
                </div>
                <!-- Mask to cover the whole screen -->
                <div id="mask"></div>
            </div>



</body>
</html>
